.layout-container{
  height: calc(100% - 50px);
}
:deep(.arco-breadcrumb){
  margin-bottom: 20px;
  white-space: nowrap;
}
:deep(.arco-btn-primary){
  margin-left: 0;
}
.transparent-container{
  @include flex-column;
  height: calc(100% - 44px);
  min-width: 800px;
  background: #FFF;
  box-shadow: 4px 5px 16px 0 rgba(4,19,74,0.04);
  border-radius: 10px;
  &-list{
    @include flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    .transparent__item{
      &+.transparent__item{
        margin-top: 10px;
      }
      &__header{
        @include flex-between;
        align-items: center;
        padding: 9px 20px;
        box-sizing: border-box;
        background: #F5F7FA;
        border-radius: 4px;
        .business-name{
          font-size: 14px;
          color: #4E5969;
          line-height: 22px;
        }
      }
      &__body{
        padding: 16px 20px;
        box-sizing: border-box;
        border-radius: 0 0 4px 4px;
        border: 1px solid #F2F3F5;
        .option-label{
          font-size: 14px;
          color: rgba(0,0,0,0.9);
          line-height: 22px;
        }
        .body-template{
          @include flex-align;
          margin-bottom: 25px;

          &__select{
            @include flex-align;
            margin-right: 20px;
            &>span{
              flex-shrink: 0;
              width: 112px;
              margin-right: 10px;
              font-size: 14px;
              color: #4E5969;
              line-height: 22px;
            }
            :deep(.arco-select){
              min-width: 430px;
              height: 32px;
              border:0;
              background-color: #F2F3F5;
            }
          }
          &__checkbox{
            @include flex-align;
            :deep(.arco-checkbox){
              margin-right: 10px;
            }
          }
        }
      }
    }
  }
  .transparent-footer{
    @include flex;
    justify-content: end;
    padding: 14px 20px;
    box-sizing: border-box;
    box-shadow: 0px -5px 10px 0px rgba(66,78,102,0.08);
    border-radius: 0 0 10px 10px;
    :deep(.arco-btn){
      width: 120px;
      height: 36px;
    }
  ;
  }
}

.radio-group{
  @include flex-align;
  &__item{
    @include flex-align;
    cursor: pointer;
    .option-label{
      margin-left: 8px;
    }
    &+.radio-group__item{
      margin-left: 70px;
    }
  }
}
